<!--歌单-->
<template>
  <div id="songsheet">

    <!-- 推荐，最热，热藏，飙升-->
    <div class="songsheetc1">
      <dl>
        <dt :class="i == indexPrev ? 'clbg' : ''" v-for="(item, i) of ['推荐', '最热', '热藏', '飙升']"
            :key="item" @click="indexPrev = i">{{ item }}</dt>
      </dl>
    </div>

    <!-- 各歌单列表 -->
    <div class="songsheetc2">
      <ul  class="songsheet-ul">
        <li v-for="(item, i) of songSheet[indexPrev]" :key="i">
          <a href="#">
            <img :src="item.img" width="100px" height="100px" alt="" />
          </a>

          <div class="box">

            <!-- 歌单标题，作者-->
            <div class="top">
              <a href="#">
                <span>{{ item.title }}</span>
              </a>
              <span>制作人：{{ item.address }}</span>
            </div>

            <!-- 歌单简介 -->
            <div class="text">{{ item.info }}</div>

            <!-- 播放按钮 -->
            <div class="btn">
              <el-button type="primary" size="small"><span class="el-icon-caret-right"></span><span>全部播放</span></el-button>
            </div>
          </div>
        </li>
      </ul>
    </div>

  </div>
</template>

<script>
// 导入 推荐歌单 图片
import recommend_1 from '../public/img/首页/song_1.jpeg';
import recommend_2 from '../public/img/首页/song_2.jpeg';
import recommend_3 from '../public/img/首页/song_3.jpeg';
import recommend_4 from '../public/img/首页/song_4.jpeg';
import recommend_5 from '../public/img/首页/song_5.jpg';
import recommend_6 from '../public/img/首页/song_6.jpeg';
import recommend_7 from '../public/img/首页/song_7.jpeg';
import recommend_8 from '../public/img/首页/song_8.jpeg';
import recommend_9 from '../public/img/首页/song_9.jpeg';
import recommend_10 from '../public/img/首页/song_10.jpeg';
import recommend_11 from '../public/img/首页/song_11.jpeg';
import recommend_12 from '../public/img/首页/song_12.jpeg';
import recommend_13 from '../public/img/首页/song_13.jpeg';
import recommend_14 from '../public/img/首页/song_14.jpeg';
import recommend_15 from '../public/img/首页/song_15.jpeg';
import recommend_16 from '../public/img/首页/song_16.jpeg';
import recommend_17 from '../public/img/首页/song_17.jpg';
import recommend_18 from '../public/img/首页/song_18.jpeg';
import recommend_19 from '../public/img/首页/song_19.jpg';
import recommend_20 from '../public/img/首页/song_20.jpeg';
import recommend_21 from '../public/img/首页/song_21.jpeg';
import recommend_22 from '../public/img/首页/song_22.jpeg';
import recommend_23 from '../public/img/首页/song_23.jpg';
import recommend_24 from '../public/img/首页/song_24.jpeg';
import recommend_25 from '../public/img/首页/song_25.jpeg';
import recommend_26 from '../public/img/首页/song_26.jpeg';
import recommend_27 from '../public/img/首页/song_27.jpg';
import recommend_28 from '../public/img/首页/song_28.jpeg';
import recommend_29 from '../public/img/首页/song_29.jpg';
import recommend_30 from '../public/img/首页/song_30.jpeg';


export default {
  name: "SongSheet",
  beforeMount() {
    // 初始化 歌单信息
    this.songSheet = [this.recommend, this.hot, this.collect, this.up];
  },

  data () {
    return {
      indexPrev: 0,

      // 歌单信息数组
      songSheet: [],

      // 推荐歌单
      recommend: [
        {
          img: recommend_1,
          title: '乡村之旅：安静惬意，与自然同在',
          address: '小太阳',
          info: '清晨的泥土芳香扑鼻而来，深呼大自然的气息，安静的欣赏花草树木换装后新装，尽情享受这美妙的春光。'
        },
        {
          img: recommend_2,
          title: '去年元月夜，花与灯依旧',
          address: '含光',
          info: '去年元月夜陪伴你的那个人，今年是否还在身边呢？'
        },
        {
          img: recommend_3,
          title: '外国精选原创歌曲',
          address: 'BigS',
          info: '感受一下外国的精彩原创歌曲吧。'
        },
        {
          img: recommend_4,
          title: '独处，安静，听歌',
          address: '慎独者',
          info: '在独处的时候，不妨安静下来，听听音乐。'
        },
        {
          img: recommend_5,
          title: '这一路上不孤单',
          address: '妙不可言',
          info: '人生这条路，原本是孤单的，但是因有你们的存在，这一路上不孤单。'
        },
        {
          img: recommend_6,
          title: '一壶酒，一卷书，便是逍遥便是仙',
          address: '旧书',
          info: '没有车马的喧闹，没有红尘中的繁杂，如同世外桃源一样，这样的生活也许才是一方人的人间天堂。'
        },
        {
          img: recommend_7,
          title: '彼岸花开，山川忘却',
          address: '彼岸花',
          info: '彼岸花花开花落，是非不过忘川。世人皆信，过奈何桥便有孟波汤，奈何彼岸花开，山川忘却。'
        },
        {
          img: recommend_8,
          title: '千秋如一梦，历史终留名',
          address: '采薇',
          info: '收集了一些关于历史人物的中国风歌曲，希望大家会喜欢。'
        },
        {
          img: recommend_9,
          title: '提升幸福感的限定音响',
          address: '天上人间',
          info: '秋日无缝衔接冬日的气息，听着温暖的歌曲，看着秋日落叶心中涌起一股暖流~让音乐把眼前的画面保存下来吧。'
        },
        {
          img: recommend_10,
          title: '新一天，快乐依旧，轻松节奏继续前进',
          address: '最好的那年',
          info: '不开心的时候到窗前吹吹风，晚风顺带捎来一股饭菜香；可以听到楼下小孩熙熙攘攘，街坊把麻将搓得稀里哗啦......'
        },
        {
          img: recommend_11,
          title: '小声唱我们的歌，属于成长的印记',
          address: '最好的那年',
          info: '"长大这两个字，孤独的连偏旁都没有"。很忙，很忙，忙着长大，忙着学习，忙着追逐那虚无缥缈的梦，忙着一点点与曾经的自己渐行渐远。'
        },
        {
          img: recommend_12,
          title: '一个人也能解决无聊',
          address: 'Ican',
          info: '我理想的状态是：在下雨天的时候，跟喜欢的人一起宅在家，躺在床上靠在他怀里，一起看着喜欢的电影，讨论这剧情和男女主，' +
              '而在晴天的时候，一起去海边散步，一起看日落，一起看着对方抑制不住喜悦的笑！【相信自己】'
        },
        {
          img: recommend_13,
          title: '我们就不要好好唱歌',
          address: '小樱',
          info: '古怪精灵，俏皮可爱，可是不分男女的呢，你说是不是？。'
        },
        {
          img: recommend_14,
          title: '饮一壶清茶，笑看十里风光',
          address: '国语新风',
          info: '人生不羡君临天下，只羡世间天地客；人生不羡红尘雨，只羡人间诗酒茶花。'
        },
        {
          img: recommend_15,
          title: '订个小目标：每天跑他5公里',
          address: '青松',
          info: '跑步的过程漫长而枯燥，而且动作比较单一，所以适合用音乐来分散自己的注意力。注意：音乐声音不要太大！。'
        },
        {
          img: recommend_16,
          title: '清晨暖心民谣，温暖你我的心',
          address: '涟',
          info: '在民谣里，可以失去理想，失去爱人，失去斗志，失去一切。以上，是在吹泡泡。'
        },
        {
          img: recommend_17,
          title: '向阳而生，奔跑吧！打工人',
          address: '夜夜',
          info: '平凡坚持到底就是伟大，奔跑吧，打工人。'
        },
        {
          img: recommend_18,
          title: '耳朵听见时光，旧人老哥难忘怀',
          address: '咸鱼大饼干',
          info: '在一个安静的夜晚，无意间点了一首老歌，很久没听老歌的我，想要切换歌曲，但下一秒又不想切歌了。'
        },
        {
          img: recommend_19,
          title: '献给生活的一首诗',
          address: '夜晚',
          info: '最喜欢的便是随机走进一家小酒馆，听台上的民谣歌手弹唱歌曲。简单优美的旋律，富有诗意的歌词，带走身体的疲累。'
        },
        {
          img: recommend_20,
          title: '动漫歌曲',
          address: '慢慢慢',
          info: '让我们一起回顾那些经典动漫歌曲。'
        },
        {
          img: recommend_21,
          title: '小说改编动画，让角色跃然眼前',
          address: '蘑菇娘',
          info: '国创动漫的崛起，让优质小说的角色和桥段被像素点拼凑在屏幕中央，当文字和动漫碰撞，又会擦出怎样的音乐火花呢？'
        },
        {
          img: recommend_22,
          title: '今日份可爱记得签收',
          address: '今爱',
          info: '听！古灵精怪俏皮可爱的韩系少女风get到你的少女心了吗？'
        },
        {
          img: recommend_23,
          title: '小仙女化妆拍照专用',
          address: 'Xse',
          info: '小仙女化妆拍照也是需要好听的歌的，所以今天我就来分享一些歌曲给大家。至于什么妆容搭配什么歌，那就看心情啦！我相信今天的歌单总有一首适合你，并且你也会慢慢喜欢上边化妆边听歌，边拍照边听歌。'
        },
        {
          img: recommend_24,
          title: '想剪下一米阳光，照亮你的世界',
          address: '小太阳',
          info: '照耀你的夜晚\n' +
              '我想为你剪下一米阳光\n' +
              '照亮你的世界。'
        },
        {
          img: recommend_25,
          title: '有些风景，只能喜欢不能收藏',
          address: '宁静致远',
          info: '独自漫步山林，寂寥落寞奔涌而来，你如风一样匆匆吹过，留下了彷徨的我一个人难过，再见了再也不见了吧。'
        },
        {
          img: recommend_26,
          title: '最佳Techno新歌 TOP25 | 二月',
          address: '小炮',
          info: '来源于Beatport网站再筛选，收录二月份发布的Techno电音新歌TOP 25，挖掘更多冷门歌曲。'
        },
        {
          img: recommend_27,
          title: '青春永驻，笑颜如花',
          address: '小太阳',
          info: '国际妇女节全称“联合国妇女权益和国际和平日”，在中国又称“国际劳动妇女节”、“三八节”和“三八妇女节”。' +
              '是在每年的3月8日为庆祝妇女在经济、政治和社会等领域作出的重要贡献和取得的巨大成就而设立的节日。'
        },
        {
          img: recommend_28,
          title: '茶语纯音｜品得春茶一口鲜 胜过人间三月天',
          address: '旧书',
          info: '人生淡如茶，如茶一般去除了可乐的浮躁，去除了咖啡的华丽，留下了纯而淡的茶水；同时，人生如茶，如茶一般多了些苦涩，多了些甘甜，留下了让我们意犹未尽的感觉。'
        },
        {
          img: recommend_29,
          title: '超燃车载DJ，跟着节奏嗨就完了',
          address: '小念',
          info: '车载DJ，劲爆旋律，嗨翻全场，持续更新，敬请关注～'
        },
        {
          img: recommend_30,
          title: '轻音乐助你注意力更集中',
          address: '先夏',
          info: '如果你在学习时有听歌的习惯，但容易因歌词而难以集中注意力，那就来试试纯音乐吧！它能提高你的专注力，帮助你更加从容的学习哦。'
        }
      ],

      // 最热歌单
      hot: [
        {
          img: recommend_10,
          title: '新一天，快乐依旧，轻松节奏继续前进',
          address: '最好的那年',
          info: '不开心的时候到窗前吹吹风，晚风顺带捎来一股饭菜香；可以听到楼下小孩熙熙攘攘，街坊把麻将搓得稀里哗啦......'
        },
        {
          img: recommend_11,
          title: '小声唱我们的歌，属于成长的印记',
          address: '最好的那年',
          info: '"长大这两个字，孤独的连偏旁都没有"。很忙，很忙，忙着长大，忙着学习，忙着追逐那虚无缥缈的梦，忙着一点点与曾经的自己渐行渐远。'
        },
        {
          img: recommend_12,
          title: '一个人也能解决无聊',
          address: 'Ican',
          info: '我理想的状态是：在下雨天的时候，跟喜欢的人一起宅在家，躺在床上靠在他怀里，一起看着喜欢的电影，讨论这剧情和男女主，' +
              '而在晴天的时候，一起去海边散步，一起看日落，一起看着对方抑制不住喜悦的笑！【相信自己】'
        },
        {
          img: recommend_13,
          title: '我们就不要好好唱歌',
          address: '小樱',
          info: '古怪精灵，俏皮可爱，可是不分男女的呢，你说是不是？。'
        },
        {
          img: recommend_14,
          title: '饮一壶清茶，笑看十里风光',
          address: '国语新风',
          info: '人生不羡君临天下，只羡世间天地客；人生不羡红尘雨，只羡人间诗酒茶花。'
        },
        {
          img: recommend_15,
          title: '订个小目标：每天跑他5公里',
          address: '青松',
          info: '跑步的过程漫长而枯燥，而且动作比较单一，所以适合用音乐来分散自己的注意力。注意：音乐声音不要太大！。'
        },
        {
          img: recommend_16,
          title: '清晨暖心民谣，温暖你我的心',
          address: '涟',
          info: '在民谣里，可以失去理想，失去爱人，失去斗志，失去一切。以上，是在吹泡泡。'
        },
        {
          img: recommend_17,
          title: '向阳而生，奔跑吧！打工人',
          address: '夜夜',
          info: '平凡坚持到底就是伟大，奔跑吧，打工人。'
        },
        {
          img: recommend_18,
          title: '耳朵听见时光，旧人老哥难忘怀',
          address: '咸鱼大饼干',
          info: '在一个安静的夜晚，无意间点了一首老歌，很久没听老歌的我，想要切换歌曲，但下一秒又不想切歌了。'
        },
        {
          img: recommend_4,
          title: '独处，安静，听歌',
          address: '慎独者',
          info: '在独处的时候，不妨安静下来，听听音乐。'
        },
        {
          img: recommend_5,
          title: '这一路上不孤单',
          address: '妙不可言',
          info: '人生这条路，原本是孤单的，但是因有你们的存在，这一路上不孤单。'
        },
        {
          img: recommend_6,
          title: '一壶酒，一卷书，便是逍遥便是仙',
          address: '旧书',
          info: '没有车马的喧闹，没有红尘中的繁杂，如同世外桃源一样，这样的生活也许才是一方人的人间天堂。'
        },
        {
          img: recommend_7,
          title: '彼岸花开，山川忘却',
          address: '彼岸花',
          info: '彼岸花花开花落，是非不过忘川。世人皆信，过奈何桥便有孟波汤，奈何彼岸花开，山川忘却。'
        },
        {
          img: recommend_19,
          title: '献给生活的一首诗',
          address: '夜晚',
          info: '最喜欢的便是随机走进一家小酒馆，听台上的民谣歌手弹唱歌曲。简单优美的旋律，富有诗意的歌词，带走身体的疲累。'
        },
        {
          img: recommend_1,
          title: '乡村之旅：安静惬意，与自然同在',
          address: '小太阳',
          info: '清晨的泥土芳香扑鼻而来，深呼大自然的气息，安静的欣赏花草树木换装后新装，尽情享受这美妙的春光。'
        },
        {
          img: recommend_2,
          title: '去年元月夜，花与灯依旧',
          address: '含光',
          info: '去年元月夜陪伴你的那个人，今年是否还在身边呢？'
        },
        {
          img: recommend_3,
          title: '外国精选原创歌曲',
          address: 'BigS',
          info: '感受一下外国的精彩原创歌曲吧。'
        },
        {
          img: recommend_8,
          title: '千秋如一梦，历史终留名',
          address: '采薇',
          info: '收集了一些关于历史人物的中国风歌曲，希望大家会喜欢。'
        },
        {
          img: recommend_9,
          title: '提升幸福感的限定音响',
          address: '天上人间',
          info: '秋日无缝衔接冬日的气息，听着温暖的歌曲，看着秋日落叶心中涌起一股暖流~让音乐把眼前的画面保存下来吧。'
        },
        {
          img: recommend_20,
          title: '动漫歌曲',
          address: '慢慢慢',
          info: '让我们一起回顾那些经典动漫歌曲。'
        },
        {
          img: recommend_21,
          title: '小说改编动画，让角色跃然眼前',
          address: '蘑菇娘',
          info: '国创动漫的崛起，让优质小说的角色和桥段被像素点拼凑在屏幕中央，当文字和动漫碰撞，又会擦出怎样的音乐火花呢？'
        },
        {
          img: recommend_22,
          title: '今日份可爱记得签收',
          address: '今爱',
          info: '听！古灵精怪俏皮可爱的韩系少女风get到你的少女心了吗？'
        },
        {
          img: recommend_23,
          title: '小仙女化妆拍照专用',
          address: 'Xse',
          info: '小仙女化妆拍照也是需要好听的歌的，所以今天我就来分享一些歌曲给大家。至于什么妆容搭配什么歌，那就看心情啦！我相信今天的歌单总有一首适合你，并且你也会慢慢喜欢上边化妆边听歌，边拍照边听歌。'
        },
        {
          img: recommend_24,
          title: '想剪下一米阳光，照亮你的世界',
          address: '小太阳',
          info: '照耀你的夜晚\n' +
              '我想为你剪下一米阳光\n' +
              '照亮你的世界。'
        },
        {
          img: recommend_25,
          title: '有些风景，只能喜欢不能收藏',
          address: '宁静致远',
          info: '独自漫步山林，寂寥落寞奔涌而来，你如风一样匆匆吹过，留下了彷徨的我一个人难过，再见了再也不见了吧。'
        },
        {
          img: recommend_26,
          title: '最佳Techno新歌 TOP25 | 二月',
          address: '小炮',
          info: '来源于Beatport网站再筛选，收录二月份发布的Techno电音新歌TOP 25，挖掘更多冷门歌曲。'
        },
        {
          img: recommend_27,
          title: '青春永驻，笑颜如花',
          address: '小太阳',
          info: '国际妇女节全称“联合国妇女权益和国际和平日”，在中国又称“国际劳动妇女节”、“三八节”和“三八妇女节”。' +
              '是在每年的3月8日为庆祝妇女在经济、政治和社会等领域作出的重要贡献和取得的巨大成就而设立的节日。'
        },
        {
          img: recommend_28,
          title: '茶语纯音｜品得春茶一口鲜 胜过人间三月天',
          address: '旧书',
          info: '人生淡如茶，如茶一般去除了可乐的浮躁，去除了咖啡的华丽，留下了纯而淡的茶水；同时，人生如茶，如茶一般多了些苦涩，多了些甘甜，留下了让我们意犹未尽的感觉。'
        },
        {
          img: recommend_29,
          title: '超燃车载DJ，跟着节奏嗨就完了',
          address: '小念',
          info: '车载DJ，劲爆旋律，嗨翻全场，持续更新，敬请关注～'
        },
        {
          img: recommend_30,
          title: '轻音乐助你注意力更集中',
          address: '先夏',
          info: '如果你在学习时有听歌的习惯，但容易因歌词而难以集中注意力，那就来试试纯音乐吧！它能提高你的专注力，帮助你更加从容的学习哦。'
        }
      ],

      // 收藏歌单
      collect: [
        {
          img: recommend_24,
          title: '想剪下一米阳光，照亮你的世界',
          address: '小太阳',
          info: '照耀你的夜晚\n' +
              '我想为你剪下一米阳光\n' +
              '照亮你的世界。'
        },
        {
          img: recommend_25,
          title: '有些风景，只能喜欢不能收藏',
          address: '宁静致远',
          info: '独自漫步山林，寂寥落寞奔涌而来，你如风一样匆匆吹过，留下了彷徨的我一个人难过，再见了再也不见了吧。'
        },
        {
          img: recommend_26,
          title: '最佳Techno新歌 TOP25 | 二月',
          address: '小炮',
          info: '来源于Beatport网站再筛选，收录二月份发布的Techno电音新歌TOP 25，挖掘更多冷门歌曲。'
        },
        {
          img: recommend_27,
          title: '青春永驻，笑颜如花',
          address: '小太阳',
          info: '国际妇女节全称“联合国妇女权益和国际和平日”，在中国又称“国际劳动妇女节”、“三八节”和“三八妇女节”。' +
              '是在每年的3月8日为庆祝妇女在经济、政治和社会等领域作出的重要贡献和取得的巨大成就而设立的节日。'
        },
        {
          img: recommend_6,
          title: '一壶酒，一卷书，便是逍遥便是仙',
          address: '旧书',
          info: '没有车马的喧闹，没有红尘中的繁杂，如同世外桃源一样，这样的生活也许才是一方人的人间天堂。'
        },
        {
          img: recommend_7,
          title: '彼岸花开，山川忘却',
          address: '彼岸花',
          info: '彼岸花花开花落，是非不过忘川。世人皆信，过奈何桥便有孟波汤，奈何彼岸花开，山川忘却。'
        },
        {
          img: recommend_8,
          title: '千秋如一梦，历史终留名',
          address: '采薇',
          info: '收集了一些关于历史人物的中国风歌曲，希望大家会喜欢。'
        },
        {
          img: recommend_9,
          title: '提升幸福感的限定音响',
          address: '天上人间',
          info: '秋日无缝衔接冬日的气息，听着温暖的歌曲，看着秋日落叶心中涌起一股暖流~让音乐把眼前的画面保存下来吧。'
        },
        {
          img: recommend_10,
          title: '新一天，快乐依旧，轻松节奏继续前进',
          address: '最好的那年',
          info: '不开心的时候到窗前吹吹风，晚风顺带捎来一股饭菜香；可以听到楼下小孩熙熙攘攘，街坊把麻将搓得稀里哗啦......'
        },
        {
          img: recommend_11,
          title: '小声唱我们的歌，属于成长的印记',
          address: '最好的那年',
          info: '"长大这两个字，孤独的连偏旁都没有"。很忙，很忙，忙着长大，忙着学习，忙着追逐那虚无缥缈的梦，忙着一点点与曾经的自己渐行渐远。'
        },
        {
          img: recommend_12,
          title: '一个人也能解决无聊',
          address: 'Ican',
          info: '我理想的状态是：在下雨天的时候，跟喜欢的人一起宅在家，躺在床上靠在他怀里，一起看着喜欢的电影，讨论这剧情和男女主，' +
              '而在晴天的时候，一起去海边散步，一起看日落，一起看着对方抑制不住喜悦的笑！【相信自己】'
        },
        {
          img: recommend_1,
          title: '乡村之旅：安静惬意，与自然同在',
          address: '小太阳',
          info: '清晨的泥土芳香扑鼻而来，深呼大自然的气息，安静的欣赏花草树木换装后新装，尽情享受这美妙的春光。'
        },
        {
          img: recommend_2,
          title: '去年元月夜，花与灯依旧',
          address: '含光',
          info: '去年元月夜陪伴你的那个人，今年是否还在身边呢？'
        },
        {
          img: recommend_3,
          title: '外国精选原创歌曲',
          address: 'BigS',
          info: '感受一下外国的精彩原创歌曲吧。'
        },
        {
          img: recommend_4,
          title: '独处，安静，听歌',
          address: '慎独者',
          info: '在独处的时候，不妨安静下来，听听音乐。'
        },
        {
          img: recommend_5,
          title: '这一路上不孤单',
          address: '妙不可言',
          info: '人生这条路，原本是孤单的，但是因有你们的存在，这一路上不孤单。'
        },
        {
          img: recommend_13,
          title: '我们就不要好好唱歌',
          address: '小樱',
          info: '古怪精灵，俏皮可爱，可是不分男女的呢，你说是不是？。'
        },
        {
          img: recommend_14,
          title: '饮一壶清茶，笑看十里风光',
          address: '国语新风',
          info: '人生不羡君临天下，只羡世间天地客；人生不羡红尘雨，只羡人间诗酒茶花。'
        },
        {
          img: recommend_15,
          title: '订个小目标：每天跑他5公里',
          address: '青松',
          info: '跑步的过程漫长而枯燥，而且动作比较单一，所以适合用音乐来分散自己的注意力。注意：音乐声音不要太大！。'
        },
        {
          img: recommend_16,
          title: '清晨暖心民谣，温暖你我的心',
          address: '涟',
          info: '在民谣里，可以失去理想，失去爱人，失去斗志，失去一切。以上，是在吹泡泡。'
        },
        {
          img: recommend_17,
          title: '向阳而生，奔跑吧！打工人',
          address: '夜夜',
          info: '平凡坚持到底就是伟大，奔跑吧，打工人。'
        },
        {
          img: recommend_18,
          title: '耳朵听见时光，旧人老哥难忘怀',
          address: '咸鱼大饼干',
          info: '在一个安静的夜晚，无意间点了一首老歌，很久没听老歌的我，想要切换歌曲，但下一秒又不想切歌了。'
        },
        {
          img: recommend_19,
          title: '献给生活的一首诗',
          address: '夜晚',
          info: '最喜欢的便是随机走进一家小酒馆，听台上的民谣歌手弹唱歌曲。简单优美的旋律，富有诗意的歌词，带走身体的疲累。'
        },
        {
          img: recommend_20,
          title: '动漫歌曲',
          address: '慢慢慢',
          info: '让我们一起回顾那些经典动漫歌曲。'
        },
        {
          img: recommend_21,
          title: '小说改编动画，让角色跃然眼前',
          address: '蘑菇娘',
          info: '国创动漫的崛起，让优质小说的角色和桥段被像素点拼凑在屏幕中央，当文字和动漫碰撞，又会擦出怎样的音乐火花呢？'
        },
        {
          img: recommend_22,
          title: '今日份可爱记得签收',
          address: '今爱',
          info: '听！古灵精怪俏皮可爱的韩系少女风get到你的少女心了吗？'
        },
        {
          img: recommend_23,
          title: '小仙女化妆拍照专用',
          address: 'Xse',
          info: '小仙女化妆拍照也是需要好听的歌的，所以今天我就来分享一些歌曲给大家。至于什么妆容搭配什么歌，那就看心情啦！我相信今天的歌单总有一首适合你，并且你也会慢慢喜欢上边化妆边听歌，边拍照边听歌。'
        },
        {
          img: recommend_28,
          title: '茶语纯音｜品得春茶一口鲜 胜过人间三月天',
          address: '旧书',
          info: '人生淡如茶，如茶一般去除了可乐的浮躁，去除了咖啡的华丽，留下了纯而淡的茶水；同时，人生如茶，如茶一般多了些苦涩，多了些甘甜，留下了让我们意犹未尽的感觉。'
        },
        {
          img: recommend_29,
          title: '超燃车载DJ，跟着节奏嗨就完了',
          address: '小念',
          info: '车载DJ，劲爆旋律，嗨翻全场，持续更新，敬请关注～'
        },
        {
          img: recommend_30,
          title: '轻音乐助你注意力更集中',
          address: '先夏',
          info: '如果你在学习时有听歌的习惯，但容易因歌词而难以集中注意力，那就来试试纯音乐吧！它能提高你的专注力，帮助你更加从容的学习哦。'
        }
      ],

      // 飙升歌单
      up: [
        {
          img: recommend_28,
          title: '茶语纯音｜品得春茶一口鲜 胜过人间三月天',
          address: '旧书',
          info: '人生淡如茶，如茶一般去除了可乐的浮躁，去除了咖啡的华丽，留下了纯而淡的茶水；同时，人生如茶，如茶一般多了些苦涩，多了些甘甜，留下了让我们意犹未尽的感觉。'
        },
        {
          img: recommend_29,
          title: '超燃车载DJ，跟着节奏嗨就完了',
          address: '小念',
          info: '车载DJ，劲爆旋律，嗨翻全场，持续更新，敬请关注～'
        },
        {
          img: recommend_30,
          title: '轻音乐助你注意力更集中',
          address: '先夏',
          info: '如果你在学习时有听歌的习惯，但容易因歌词而难以集中注意力，那就来试试纯音乐吧！它能提高你的专注力，帮助你更加从容的学习哦。'
        },
        {
          img: recommend_8,
          title: '千秋如一梦，历史终留名',
          address: '采薇',
          info: '收集了一些关于历史人物的中国风歌曲，希望大家会喜欢。'
        },
        {
          img: recommend_9,
          title: '提升幸福感的限定音响',
          address: '天上人间',
          info: '秋日无缝衔接冬日的气息，听着温暖的歌曲，看着秋日落叶心中涌起一股暖流~让音乐把眼前的画面保存下来吧。'
        },
        {
          img: recommend_10,
          title: '新一天，快乐依旧，轻松节奏继续前进',
          address: '最好的那年',
          info: '不开心的时候到窗前吹吹风，晚风顺带捎来一股饭菜香；可以听到楼下小孩熙熙攘攘，街坊把麻将搓得稀里哗啦......'
        },
        {
          img: recommend_11,
          title: '小声唱我们的歌，属于成长的印记',
          address: '最好的那年',
          info: '"长大这两个字，孤独的连偏旁都没有"。很忙，很忙，忙着长大，忙着学习，忙着追逐那虚无缥缈的梦，忙着一点点与曾经的自己渐行渐远。'
        },
        {
          img: recommend_12,
          title: '一个人也能解决无聊',
          address: 'Ican',
          info: '我理想的状态是：在下雨天的时候，跟喜欢的人一起宅在家，躺在床上靠在他怀里，一起看着喜欢的电影，讨论这剧情和男女主，' +
              '而在晴天的时候，一起去海边散步，一起看日落，一起看着对方抑制不住喜悦的笑！【相信自己】'
        },
        {
          img: recommend_13,
          title: '我们就不要好好唱歌',
          address: '小樱',
          info: '古怪精灵，俏皮可爱，可是不分男女的呢，你说是不是？。'
        },
        {
          img: recommend_14,
          title: '饮一壶清茶，笑看十里风光',
          address: '国语新风',
          info: '人生不羡君临天下，只羡世间天地客；人生不羡红尘雨，只羡人间诗酒茶花。'
        },
        {
          img: recommend_15,
          title: '订个小目标：每天跑他5公里',
          address: '青松',
          info: '跑步的过程漫长而枯燥，而且动作比较单一，所以适合用音乐来分散自己的注意力。注意：音乐声音不要太大！。'
        },
        {
          img: recommend_16,
          title: '清晨暖心民谣，温暖你我的心',
          address: '涟',
          info: '在民谣里，可以失去理想，失去爱人，失去斗志，失去一切。以上，是在吹泡泡。'
        },
        {
          img: recommend_17,
          title: '向阳而生，奔跑吧！打工人',
          address: '夜夜',
          info: '平凡坚持到底就是伟大，奔跑吧，打工人。'
        },
        {
          img: recommend_18,
          title: '耳朵听见时光，旧人老哥难忘怀',
          address: '咸鱼大饼干',
          info: '在一个安静的夜晚，无意间点了一首老歌，很久没听老歌的我，想要切换歌曲，但下一秒又不想切歌了。'
        },
        {
          img: recommend_19,
          title: '献给生活的一首诗',
          address: '夜晚',
          info: '最喜欢的便是随机走进一家小酒馆，听台上的民谣歌手弹唱歌曲。简单优美的旋律，富有诗意的歌词，带走身体的疲累。'
        },
        {
          img: recommend_1,
          title: '乡村之旅：安静惬意，与自然同在',
          address: '小太阳',
          info: '清晨的泥土芳香扑鼻而来，深呼大自然的气息，安静的欣赏花草树木换装后新装，尽情享受这美妙的春光。'
        },
        {
          img: recommend_2,
          title: '去年元月夜，花与灯依旧',
          address: '含光',
          info: '去年元月夜陪伴你的那个人，今年是否还在身边呢？'
        },
        {
          img: recommend_3,
          title: '外国精选原创歌曲',
          address: 'BigS',
          info: '感受一下外国的精彩原创歌曲吧。'
        },
        {
          img: recommend_4,
          title: '独处，安静，听歌',
          address: '慎独者',
          info: '在独处的时候，不妨安静下来，听听音乐。'
        },
        {
          img: recommend_5,
          title: '这一路上不孤单',
          address: '妙不可言',
          info: '人生这条路，原本是孤单的，但是因有你们的存在，这一路上不孤单。'
        },
        {
          img: recommend_6,
          title: '一壶酒，一卷书，便是逍遥便是仙',
          address: '旧书',
          info: '没有车马的喧闹，没有红尘中的繁杂，如同世外桃源一样，这样的生活也许才是一方人的人间天堂。'
        },
        {
          img: recommend_7,
          title: '彼岸花开，山川忘却',
          address: '彼岸花',
          info: '彼岸花花开花落，是非不过忘川。世人皆信，过奈何桥便有孟波汤，奈何彼岸花开，山川忘却。'
        },
        {
          img: recommend_20,
          title: '动漫歌曲',
          address: '慢慢慢',
          info: '让我们一起回顾那些经典动漫歌曲。'
        },
        {
          img: recommend_21,
          title: '小说改编动画，让角色跃然眼前',
          address: '蘑菇娘',
          info: '国创动漫的崛起，让优质小说的角色和桥段被像素点拼凑在屏幕中央，当文字和动漫碰撞，又会擦出怎样的音乐火花呢？'
        },
        {
          img: recommend_22,
          title: '今日份可爱记得签收',
          address: '今爱',
          info: '听！古灵精怪俏皮可爱的韩系少女风get到你的少女心了吗？'
        },
        {
          img: recommend_23,
          title: '小仙女化妆拍照专用',
          address: 'Xse',
          info: '小仙女化妆拍照也是需要好听的歌的，所以今天我就来分享一些歌曲给大家。至于什么妆容搭配什么歌，那就看心情啦！我相信今天的歌单总有一首适合你，并且你也会慢慢喜欢上边化妆边听歌，边拍照边听歌。'
        },
        {
          img: recommend_24,
          title: '想剪下一米阳光，照亮你的世界',
          address: '小太阳',
          info: '照耀你的夜晚\n' +
              '我想为你剪下一米阳光\n' +
              '照亮你的世界。'
        },
        {
          img: recommend_25,
          title: '有些风景，只能喜欢不能收藏',
          address: '宁静致远',
          info: '独自漫步山林，寂寥落寞奔涌而来，你如风一样匆匆吹过，留下了彷徨的我一个人难过，再见了再也不见了吧。'
        },
        {
          img: recommend_26,
          title: '最佳Techno新歌 TOP25 | 二月',
          address: '小炮',
          info: '来源于Beatport网站再筛选，收录二月份发布的Techno电音新歌TOP 25，挖掘更多冷门歌曲。'
        },
        {
          img: recommend_27,
          title: '青春永驻，笑颜如花',
          address: '小太阳',
          info: '国际妇女节全称“联合国妇女权益和国际和平日”，在中国又称“国际劳动妇女节”、“三八节”和“三八妇女节”。' +
              '是在每年的3月8日为庆祝妇女在经济、政治和社会等领域作出的重要贡献和取得的巨大成就而设立的节日。'
        },
      ]
    }
  },
  methods: {
    changeindexPrev (index) {
      this.indexPrev = index;
    }
  }
}
</script>

<style lang="less" scoped>
@import "../public/less/songsheet";
</style>